<template>
  <view class="point-success">
    <view class="icon"></view>
    <view class="text">兑换成功</view>
    <view class="menu">
      <navigator class="text1" url="./index">
        <text>积分订单</text>
      </navigator>
      <navigator class="text2" url="./list">
        <text>积分订单</text>
      </navigator>
    </view>
  </view>
</template>

<script>

export default {
  head() {
    return {
      title: "兑换成功",
    };
  },
  data() {
    return {};
  },

  created(){
    // // this.getAppId(1);
    // this
  },
  mounted() {

  },
  methods: {

  },
};
</script>

<style>
.point-success {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.point-success .icon {
  background: url("../static/point/cg@2xhuang.png") no-repeat 0px 0px;
  background-size: 100% 100%;
  width: 181rpx;
  height: 181rpx;
  position: absolute;
  left: 285rpx;
  top: 160rpx;
}

.point-success .text {
  height: 56rpx;
  font-size: 40rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #111111;
  line-height: 56rpx;
  text-align: center;
  position: absolute;
  top: 371rpx;
  left: 295rpx;
}

.point-success .menu {
  width: 80vw;
  height: 110rpx;
  background: #ffffff;
  box-shadow: 0 2rpx 10rpx 0 rgba(0, 0, 0, 0.1);
  border-radius: 10rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  top: 50vh;
  left: 10vw;
}
.point-success .menu span {
  height: 45rpx;
  font-size: 32rpx;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #111111;
  line-height: 45rpx;
}
</style>
